<template>
	<div>
		<h1>忘记密码</h1>
		<div class="center">
			<p>身份证号：</p> 
			<el-input v-model="input" placeholder="请输入身份证号/电话号/账号" class="password"></el-input>
		</div>
		<br/><br/>
		<div class="center">
			<p>新密码：</p>
			<el-input placeholder="请输入新密码" v-model="newpassword" show-password class="password"></el-input>
		</div>
		<br/><br/>
		<div class="center">
			<p>确认密码：</p>
			<el-input placeholder="请再次输入新密码" v-model="surepassword" show-password class="password"></el-input>
		</div>
		<br/><br/>
		<el-button @click="edit()" type="primary"><span class="loginwords">确认</span></el-button> 
	</div>
</template>

<script>
	export default{
		name:'forgetpassword',
		data() {
			return{
				newpassword:'',
				surepassword:'',
				input:''
			}
		},
		methods:{
			edit(){
				this.$router.push('/')
			}
		}
		
	}
</script>

<style scoped>
	.center{
		position: relative; 
		width: 95%;  
		left:5%;
	}
	h1{
		color: #808080;
	}
	.center p{
		position: absolute;
		left: 20%;
		top: -15%;
		color: #808080;
		font-weight: 600;
	}
	.password{ 
		width: 45%; 
		
	}
</style>
